﻿@{
    ViewBag.Title = "览月齐鲁";
}
@model mscook.core.domain.LoginUser
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>览月齐鲁</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="~/BootStrap/css/bootstrap.css" rel="stylesheet" />
    <link href="~/css/mscook.css" rel="stylesheet" type="text/css" />
    <link href="~/Carousel/allinone_thumbnailsBanner.css" rel="stylesheet" />
    <link href="~/Carousel/featureCarousel.css" rel="stylesheet" />
    <!--<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
    <script src="apps/core.js"></script>-->

    <link href="~/Carousel/accordion.css" rel="stylesheet" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="BootStrap/js/html5.js"></script>
        <script src="BootStrap/js/respond.src.js"></script>

    <![endif]-->
    <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/bootstrap-ie6.css">
    <![endif]-->
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/ie.css">
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://www.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
    <script src="@Url.Content("~/BootStrap/js/jquery-1.9.1.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/scripts/jquery.validate.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/scripts/jquery.validate.unobtrusive.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/scripts/jquery.unobtrusive-ajax.js")"></script>
    <script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
    <script type="text/javascript">
        //$(function () {
        //    $("#link").on("click", function () {
        //        $("#linkform").slideToggle();
        //        $("#normalform").slideToggle();

        //    });

        //    $("#normal").on("click", function () {
        //        $("#linkform").slideToggle();
        //        $("#normalform").slideToggle();
        //    });
        //});
        $(function () {
            var _kissy = KISSY;
            var _timestamp = "20140115";
            _kissy.config({
                packages: [
                    {
                        name: "mscook",
                        path: "../apps/cook/build",
                        charset: "utf-8",
                        combine: false,
                        tag: _timestamp,
                        ignorePackageNameInUri: true,
                        debug: false
                    }
                ]
            });
            KISSY.use('mscook/register/1.0.0/', function () {
                arguments[1].init();

            });
        });
    </script>
    <link rel="shortcut icon" href="Images/mszc.ico">
</head>
<body style="background: #F3F5F8;">
    <!-- NAVBAR
    ================================================== -->
    <div class="login_main">
        <div class="container">
            <div id="login" class="accounts-form row">
                <div class="span10 offset2 row">
                    <h1 class="span3">
                        <img src="~/Images/login_logo.png" />
                    </h1>
                    <h3 class="span3">LanYueQiLu</h3>
                </div>

                <div class="span4 offset2 social hidden-phone">
                    <div>
                        <form class="connect-button" name="login" method="post" action="#">
                            <a href="@Url.Action("QQLogin", "Account", new { pName = "QZone" })" class="btn" id="tencent_button"><i class=" icon-tencent"></i>使用QQ账号注册</a>
                        </form>
                        @* <form class="connect-button" name="login" method="post" action="#">
                                <a href="@Url.Action("DengLu", "Account", new { pName = "Sina" })" class="btn" id="weibo_button"><i class="icon-weibo"></i>使用微博账号注册</a>
                            </form>*@
                        <p><small>已经有账号了? <a href="Login">登录</a></small></p>


                    </div>
                </div>

                <div class="span4">
                         @if (ViewData["PersonID"] != null && !string.IsNullOrEmpty(ViewData["PersonID"].ToString()))
                        {
                        <div  id="linkform" class="tb-key tb-attention">
                            <div class="tb-skin tb-naked">
                                <p class="tb-note-title">已经是我们的用户? 请点击进行关联<b class="J_PanelCloser">关闭</b></p>
                                <div class="">
                                    <div>
                                        <input name="exitLoginName" placeholder="关联账户用户名" type="text" />
                                    </div>
                                    <div>
                                        <input name="exitPsd" placeholder="关联账户密码" type="password" />
                                    </div>
                                    
                                    <a class="btn btn-related">关联</a>
                                    
                                </div>
                            </div>
                        </div>
                        }
                    @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { id = "auth-form" }))
                    {
                        @Html.AntiForgeryToken()
                        <div style="color:#666;padding:20px 0 0 0;">@ViewData["Message"]</div>
                        <br />
                        <div class="all-errors">

                            @Html.ValidationSummary(true)
                        </div>
                        <div class="input">
                            <input name="PersonID" value="@ViewData["PersonID"]" type="hidden" />
                            <input name="MediaID" value="@ViewData["MediaID"]" type="hidden" />
                        </div>

                       

                        <div class="related" id="normal"><a href="javaScript:void(0)">还没有账户?注册成为我们的用户</a></div>
                        <div id="normalform">
                            <div class="input">
                                @Html.TextBoxFor(m => m.LoginName, new { id = "id_username", maxlength = "75", placeholder = "用户名" })
                                @Html.ValidationMessageFor(m => m.LoginName)
                            </div>
                            <div class="input">
                                @Html.TextBoxFor(m => m.Email, new { id = "id_email", maxlength = "75", placeholder = "邮箱" })
                                @Html.ValidationMessageFor(m => m.Email)
                            </div>
                            <div class="input">
                                @Html.PasswordFor(m => m.Password, new { id = "id_password", maxlength = "75", placeholder = "密码" })
                                @Html.ValidationMessageFor(m => m.Password)
                            </div>
                            <div class="input">
                                <input name="ConfirmPassword" type="password" placeholder="确认密码" />
                            </div>



                        </div>
                        
                        <div class="actions clearfix">
                            <input type="submit" value="注&nbsp&nbsp册" class="btn btn-primary">
                        </div>
                    }

                </div>

                 <div class="span4 offset2 social visible-phone">
                    <div>
                        <form class="connect-button" name="login" method="post" action="#">
                            <a href="@Url.Action("QQLogin", "Account", new { pName = "QZone" })" class="btn" id="tencent_button"><i class=" icon-tencent"></i>使用QQ账号注册</a>
                        </form>
                        @* <form class="connect-button" name="login" method="post" action="#">
                                <a href="@Url.Action("DengLu", "Account", new { pName = "Sina" })" class="btn" id="weibo_button"><i class="icon-weibo"></i>使用微博账号注册</a>
                            </form>*@
                        <p><small>已经有账号了? <a href="Login">登录</a></small></p>


                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="~/bootstrap/js/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(function () {
            if (!placeholderSupport()) {   // 判断浏览器是否支持 placeholder
                $('[placeholder]').focus(function () {
                    var input = $(this);
                    if (input.val() == input.attr('placeholder')) {
                        input.val('');
                        input.removeClass('placeholder');
                    }
                }).blur(function () {
                    var input = $(this);
                    if (input.val() == '' || input.val() == input.attr('placeholder')) {
                        input.addClass('placeholder');
                        input.val(input.attr('placeholder'));
                    }
                }).blur();
            };

            function placeholderSupport() {
                return 'placeholder' in document.createElement('input');
            }
        })
    </script>
    <!--[if lte IE 6]>
    <script type="text/javascript" src="js/bootstrap-ie.js"></script>
    <![endif]-->
</body>
</html>
